import { Modal, Button } from 'antd';
import bg1 from '../assets/1.jpg'
import bg2 from '../assets/2.jpg'
import { useNavigate } from "react-router-dom";
import { useTranslation } from 'react-i18next';
import swiper3 from '../assets/images/swiper3.png'


const Footter = ({ isModalOpen, onEvent }) => {
  const { t } = useTranslation()
  const unavigate = useNavigate()

  const setIsModalOpen = () => {
    onEvent(false)
  }
  const agree = () => {
    localStorage.setItem('isAgree', true)
    setIsModalOpen()
  }
  return (
    <>
      <Modal title={t('关于法律风险的声明')} open={isModalOpen} onCancel={setIsModalOpen} footer={null}>
        <div className="max-w-4xl w-full bg-white rounded-lg">
          <p className='mb-3 text-[16px] indent-[2em]'> 欢迎访问我们卵子银行网站。在追求生育梦想的旅程中，合法性和合规性始终是我们的首要任务。为确保您在选择我们服务时的安心和信任，我们特此声明：</p>
          <p className='mb-3 text-[16px]'>1.	合法合规的运营：我们的卵子银行严格遵循所有相关法律法规，仅在法律允许的国家和地区提供卵子捐赠服务。我们的所有操作均在合规框架内进行，确保每位捐赠者和客户的权益受到保护。</p>
          <p className='mb-3 text-[16px]'>2.	不提供代孕服务：我们专注于卵子捐赠业务，明确不提供任何形式的代孕服务。我们的目标是为需要帮助的家庭提供合法、安全的卵子捐赠解决方案，而不涉及任何商业化的代孕行为。</p>
          <p className='mb-3 text-[16px]'>3.	透明的流程：我们的每一项服务和流程均透明公开，确保客户充分了解所有相关法律、程序和要求。我们鼓励客户在做出决策前咨询专业法律意见，以获得全面的信息和支持。</p>
          <p className='mb-3 text-[16px]'>4.	重视客户权益：我们承诺为每一位客户提供专业的服务，同时严守法律底线，维护您的合法权益。我们将全力以赴确保服务的合规性和合法性，让您在选择我们的过程中高枕无忧。</p>
          <p className='mb-3 text-[16px]'>感谢您对我们卵子银行的信任与支持。让我们一起走在合法、安全的生育之路上，助您实现家庭梦想。</p>
        </div>
        <div className='flex w-[30%] mx-auto justify-between'>
          <Button onClick={setIsModalOpen}>
            {t('取消')}
          </Button>
          <Button className='bg-[#728D6B] text-white' onClick={agree}>
            {t('同意')}
          </Button>
        </div>
      </Modal >
    </>
  )
}

export default Footter